<div class="dataInnBottom">

    <div class="dataHeader">
        <h4>Cabinet</h4>
    </div>
    <div class="clr"></div>
    <div class="add-button">        
        <input type="button" value="Add Cabinet" id="add-cabinet-button">
    </div>
    <?php $this->addScriptPath('../application/views/scripts/'); ?>
    <?= $this->paginationControl($this->paginator, 'Sliding', 'paginator.phtml') ?>

    <div class="clr"></div>


    <table class="dataActions" width="100%" border="0" cellpadding="0" cellspacing="0" >

        <tr>
            <th>Name
<!--        <div class="subjectBox"><span>Name</span> <a href="#"><img src="<?//= $this->baseURI(); ?>images/toparrow.gif" alt="" /></a> <a class="subjectBotClick" href="#"><img src="<?//= $this->baseURI(); ?>images/downarrow.gif" alt="" /></a>                           </div>-->
        </th>              

        <th>Status</th>
        <th class="allign-right">Actions</th>
        </tr>
        <?php foreach ($this->paginator as $item) { ?>
            <tr>

                <td onclick="cabinetDetail('<?=$item['id']?>','<?=$item['name']?>')" style="cursor: pointer;"><?php echo $item['name'] ?></td>

                <td class="colGray"><?php echo $item['status']; ?></td>
                <td class="allign-right"><a href="javascript:void(0)" onclick="deleteCabinet('<?=$item['id'];?>')"><img src="<?= $this->baseURI(); ?>images/cross.png" alt="" /></a> 
                    <a href="javascript:void(0)" onclick="editCabinet('<?=$item['id'];?>')"><img src="<?= $this->baseURI(); ?>images/pencil.png" alt="" /></a>
                </td>
            </tr>           
        <?php } ?>


    </table>
</div>
<script>
$( "#add-cabinet-button" )
        .button()
        .click(function() {
            $("#add-cabinet-form").load("<?= $this->baseURI(); ?>planning/cabinet/add");
            $( "#add-cabinet-form" ).dialog( "open" );
        });
</script>